<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: brian
  Date: 2020/4/26
  Time: 16:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="zh-CN">
<%@include file="/WEB-INF/include-head.jsp" %>
<%--引入pagination分页导航条--%>
<link rel="stylesheet" href="css/pagination.css"/>
<script type="text/javascript" src="jquery/jquery.pagination.js"></script>

<script type="text/javascript">
    $(function () {

        // 调用后面声明的函数对页码导航条进行初始化操作
        initPagination();
    });

    // 生成页码导航条
    function initPagination() {
        // 获取总记录数
        var totalRecord = ${requestScope.pageInfo.total };
        // 声明一个JSON对象存储Pagination要设置的属性
        var properties = {
            num_edge_entries: 3, // 边缘页数
            num_display_entries: 5, // 主体页数
            callback: pageSelectCallback, // 指定用户点击“翻页”的按钮时跳转页面的回调函数
            items_per_page:${requestScope.pageInfo.pageSize }, // 每页要显示的数据的行数
            current_page: ${requestScope.pageInfo.pageNum-1}, // Pagination内部使用pageIndex来管理页码，pageIndex从0开始，pageNum从1开始，所以要减1
            prev_text: "上一页",
            next_text: "下一页"
        };
        // 生成页码导航条
        $("#Pagination").pagination(totalRecord, properties);
    }

    // 回调函数的含义：申明出来以后不是自己调用，而是交给系统或框架调用
    // 用户点击“上一页、下一页、1、2、3”这样的页码时调用这个函数实现页面跳转
    // pageIndex是Pagination传来的那个“从0开始”的页码
    function pageSelectCallback(pageIndex, jQuery) {
        // 根据pageIndex计算得到pageNum
        var pageNum = pageIndex + 1;
        //alert(pageNum);
        // 跳转页面
        // EL表达式${param.xxx}可以从url中获取参数放在页面中直接使用，等价于 request.getparam("xxx")，也就是服务器从页面或者客户端获取的内容
        window.location.href = "admin/get/page.html?pageNum=" + pageNum + "&keyword=${param.keyword }";
        //jquery.pagination.js中最后一行代码要注释掉，不然会死循环刷新页面

        // 由于每个页码按钮都是超链接(http://localhost:8080/atcrowdfunding02_admin_webui_war_exploded/#)
        // 所以在这个函数最后取消超链接的默认行为
        return false;
    }
</script>
<body>

<%@include file="/WEB-INF/include-nav.jsp" %>
<div class="container-fluid">
    <div class="row">
        <%@include file="/WEB-INF/include-sidebar.jsp" %>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <div class="panel-body">
                <form action="admin/get/page.html" method="post" class="form-inline" role="form" style="float:left;">
                    <div class="form-group has-feedback">
                        <div class="input-group">
                            <div class="input-group-addon">查询条件</div>
                            <input name="keyword" class="form-control has-success" type="text" placeholder="请输入查询条件">
                        </div>
                    </div>
                    <button type="submit" class="btn btn-warning"><i class="glyphicon glyphicon-search"></i> 查询</button>
                </form>
                <button type="button" class="btn btn-danger" style="float:right;margin-left:10px;"><i
                        class=" glyphicon glyphicon-remove"></i> 删除
                </button>
                <a href="admin/to/add/page.html" class="btn btn-primary" style="float:right;"><i
                        class="glyphicon glyphicon-plus"></i> 新增
                </a>
                <br>
                <hr style="clear:both;">
                <div class="table-responsive">
                    <table class="table  table-bordered">
                        <thead>
                        <tr>
                            <th width="30">#</th>
                            <th width="30"><input type="checkbox"></th>
                            <th>账号</th>
                            <th>名称</th>
                            <th>邮箱地址</th>
                            <th width="100">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:choose>
                            <c:when test="${empty requestScope.pageInfo.list}">
                                <tr>
                                    <td colspan="6" align="center">抱歉，没有查询到您要的数据</td>
                                </tr>
                            </c:when>
                            <c:otherwise>
                                <c:forEach items="${requestScope.pageInfo.list }" var="admin" varStatus="myStatus">
                                    <tr>
                                        <td>${myStatus.count }</td>
                                        <td><input type="checkbox"></td>
                                        <td>${admin.loginAcct}</td>
                                        <td>${admin.userName}</td>
                                        <td>${admin.email}</td>
                                        <td>
                                            <a href="assign/to/assign/role/page.html?adminId=${admin.id}&pageNum=${requestScope.pageInfo.pageNum}&keyword=${param.keyword}"
                                               class="btn btn-success btn-xs"><i
                                                    class=" glyphicon glyphicon-check"></i></a>
                                            <a href="admin/to/edit/page.html?adminId=${admin.id}&pageNum=${requestScope.pageInfo.pageNum}&keyword=${param.keyword}"
                                               class="btn btn-primary btn-xs"><i
                                                    class=" glyphicon glyphicon-pencil"></i></a>
                                                <%-- ${param.keyword} 没有的话没有问题 --%>
                                            <a href="admin/remove/${admin.id}/${requestScope.pageInfo.pageNum}/${param.keyword}.html"
                                               class="btn btn-danger btn-xs"><i
                                                    class="glyphicon glyphicon-remove"></i></a>
                                        </td>
                                    </tr>
                                </c:forEach>
                            </c:otherwise>
                        </c:choose>


                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="6" align="center">
                                <div id="Pagination" class="pagination"><!-- 这里显示分页 --></div>
                            </td>
                        </tr>

                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
